/******************************************************************************
 * vim:fdl=0:fdo=insert:
 *
 * Copyright (C), 2008-2009, iHao.Net.
 *
 * Project: iSite
 *
 * Filename: style.css
 *
 * Description: based utom's wordpress skin
 *
 * History:
 *   1. Date: 2009.01.07 20:04:01
 *      Author: iHao
 *      Modification: build basic layout
 *   1. Date: 2009.01.10 07:04:01
 *      Author: iHao
 *      Modification: add font selected style for firefox and chrome
 *					  looked not bad.
******************************************************************************/
/*{{{base layout*/
html{margin:0;padding:0;font-size:12px;font-family:Arial,Tohoma,Helvetica,sans-serif;}
body{margin:0;padding:0;text-align:center;background:#CFE1ED;color:#999;text-shadow: 1px 1px 1px #DFF1FD;}
ul,li{list-style:none;margin:0;padding:0;}
h1{text-align:center;}
h1 a{text-decoration:none;color:#333;}
strong{font-weight:bold;color:black;}
.clear{clear:both;height:0;line-height:0;font-size:0;}
var{color:red;font-size:14px;font-weight:bold;text-align:center;padding:0 10px;}
::-moz-selection {background:#8ABC00;color:#FFF;}
::selection {background:#8ABC00;color:#FFF;}
:focus {outline:0;}
#page{width:600px;margin:30px auto;text-align:left;}
.header{}
.header .menu{width:600px;height:21px;background:url('menu.png') left top no-repeat;padding:18px 0 0 25px;}
.header .menu a{float:left;display:block;height:21px;line-height:12px;padding:0 20px;text-decoration:none;color:#444;font-weight:bold;}
.header .menu a:hover ,
.header .menu a.current{background:url('current.png') center bottom no-repeat;text-decoration:none;color:#FFF;}
.content{float:left;width:600px;background:url('bg.png') left top repeat-y;}
.content .ctop{height:20px;background:url('top.png') left top no-repeat;}
.content .ctop a.run{float:right;width:16px;height:16px;text-indent:-99999px;text-decoration:none;margin:4px 20px 0 0;background:url('ajax-loader.gif') center top no-repeat;}
.content .ctop a.run:hover {background:none;}
.content .cbottom{height:26px;background:url('bottom.png') left top no-repeat;}
.content .cmiddle{min-height:200px;margin:0 20px;}
.content .cmiddle .block h2{margin:0;color:#555;margin:0 10px;}
.content .cmiddle .block h2 a{text-decoration:none;color:#666;}
.content .cmiddle .block h2 a:hover {text-decoration:underline;color:#6F8F0F;}
.content .cmiddle .block ul.blockmenu{height:20px;margin:0 10px;}
.content .cmiddle .block ul.blockmenu li{float:left;height:20px;line-height:12px;}
.content .cmiddle .block ul.blockmenu li a{color:#4371A0;text-decoration:none;}
.content .cmiddle .block ul.blockmenu li a:hover{text-decoration:underline;color:#6F8F0F;}
.content .cmiddle .block ul.blockmenu li.time{}
.content .cmiddle .block ul.blockmenu li.comments{float:right;}
.content .cmiddle .block ul.blockmenu li.tags{}
.content .cmiddle .block ul.blockmenu li.more{float:right;}
.content .cmiddle .block p{background:#cDd8bD;color:#003366;margin:5px 10px;line-height:24px;padding:10px;text-indent:20px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.content .cmiddle .block .datas{background:#EDF8DD;color:#003366;margin:5px 10px;line-height:24px;padding:10px;min-height:120px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.footer{clear:both;width:600px;padding:10px 0 0;text-align:center;}
.footer a{text-decoration:none;color:#999;}
.footer a:hover {color:#888;}
/*}}}*/
/*{{{block*/
.nowlist li,.bloglist li{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:2px 0;padding-bottom:5px;}
.bloglist li{cursor:pointer;}
.nowlist li.even,.bloglist li.even{background:#D8E1C8;}
.nowlist li.odd,.bloglist li.odd{background:#DDE8CD;}
.nowlist li.hover,.bloglist li.hover{background:#DFEACF;}
.nowlist li.hover i,.bloglist li.hover i{visibility:visible !important;}
.nowlist i,.bloglist i{font-size:16px;color:#8D987D;padding:0;margin:0;visibility:hidden;}
.nowlist .now_link,.bloglist .now_link{color:#036;line-height:24px;padding:5px;margin:0;text-decoration:none;text-indent:12px;}
.nowlist .now_link:hover, .bloglist .now_link:hover {color:#369;text-decoration:underline;}
.nowlist .now_date,.bloglist .now_date{display:block;text-align:right;margin-bottom:10px;color:#999;padding-right:15px;}
.bloglist .hides{display:none;overflow:hidden;padding:2px 8px;}
.bloglist .hides img{border:none;}
.bloglist .hides a{color:#508000;padding:0 2px;text-decoration:none;}
.bloglist .hides a:hover {color:#8ABC00;text-decoration:underline;}
.photoslist li{width:87px;height:87px;float:left;margin:8px;}
.photoslist li a{text-decoration:none;padding:4px;border:1px solid #CCC;display:block;position:relative;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;filter:alpha(opacity=80);-moz-opacity:.80;opacity:0.8;}
.photoslist li a img{border:1px solid #BBB;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.photoslist li a strong{display:none;position:absolute;width:180px;height:20px;left:15px;bottom:-15px;z-index:1;color:white;background:#E27806;line-height:16px;text-align:center;padding:2px;border-color:#DDD #333 #333 #DDD;border-style:solid;border-width:1px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;filter:alpha(opacity=80);-moz-opacity:.80;opacity:0.8;}
.photoslist li.hover{}
.photoslist li.hover a{background:#DDE8CD;border:1px solid #DDD;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.photoslist li.hover a img{border:1px solid #888;}
.photoslist li.hover a strong{display:block;}
/*}}}*/
